html, body, div, span, object, iframe,h1, h2,
h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn,
em, img, ins,kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd,
ol, ul, li,fieldset, form, label, legend,table, caption, tbody,
tfoot,thead,tr, th, td,article, aside, canvas, details, figcaption,
figure, footer, header, hgroup, menu, nav, section, summary,time, mark,
audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    outline-style:none;/*FF*/
}

body {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* background: #929292; */
}

#bg {
    position: relative;
    width: 100%;
    text-align: center;
    background: white;
    margin: 150px auto;
}

.one {
    display: inline-block;
    margin: auto;
    height: 100px;
    width: 100px;
    /* background: #226ddd; */
    background: url(http://m.imeitou.com/uploads/allimg/2019121011/3qjgz5kmmrj.jpeg);
    background-size: 100%;
}
.two {
    display: inline-block;
    margin: auto;
    height: 200px;
    width: 200px;
    border-radius: 25px;
    /* background: #f5a91d; */
    background: url(http://m.imeitou.com/uploads/allimg/2019111011/ki5z45rcpzl.jpeg);
    background-size: 100%;
}
.three {
    display: inline-block;
    margin: auto;
    height: 300px;
    width: 300px;
    border-radius: 50%;
    /* background: #f878b4; */
    background: url(https://p1.ssl.qhimgs1.com/sdr/400__/t0101a59c16e205460b.jpg);
    background-size: 100%;
}

.aaa {
    width: 100%;
    height: 400px;
    margin: 20px auto;
    overflow: hidden;
}
.bbb {
    width: 400px;
    height: 400px;
    margin: auto;
    transition: transform 2s;
    background: url(http://www.520touxiang.com/uploads/allimg/160927/3-16092G45530-51.jpg);
    border-radius: 50%;
    animation: show 3s infinite linear;
}


@keyframes show {
    0%   {transform: rotate(0deg);}
    100% {transform: rotate(360deg);}
}

.pic {
    width: 400px;
    height: 400px;
    position: relative;
    margin: auto;
}
.a {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
}
.b {
    width: 400px;
    height: 400px;
    position: absolute;
    top: 0;
    left: 0;
    /* background: #ffffff; */
    /* background-image: linear-gradient(#ee9ca7, #ffdde1); */
    /* opacity: 0.3; */
    background: #000;
    background: -webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);; /*FireFox*/
    background: -o-linear-gradient(top,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);  /* Opear */
    background: -ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); /*IE10及IE10+*/
}